<template>
	<div class="orderline_div">
		<ul>
		    <li class="orderline_li" @click="detail(index)" v-for="(item,index) in orderlist">
		    	<p class="line_tit">
		    		<span class="fl date_span">2017-10-11</span>
		    		<span class="fr dfk_span">代付款</span>
		    	</p>
		    	<div class="youlike_li">
		    		<div class="youlike_img_div">
			    		<img src="../../assets/img/Bitmap.png" alt="" style="width: 100%;height: 100%;">
			    	</div>
			    	<div class="youlike_info">
			    		<p>巴厘岛一日游</p>
			    		<p>出行人群：成人</p>
			    		<p class="youlike_price">
			    			<span class="fl">￥799</span>
			    			<span class="fr">X 1</span>
			    		</p>
			    	</div>
		    	</div>
		    	<p class="tr orderline_total" >共 2 件 合计： 799元</p>
		    	<div class="line_btn_div">
		    		<p class="line_btn_sub" @click.stop="line_btn_sub()">付款</p>
		    		<p class="line_btn_cancle" @click.stop="line_btn_cancle()">取消订单</p>
		    	</div>
		    </li>
		</ul>
	</div>
</template>
<script>
	export default{
		name: 'order',
		data(){
			return {
				
			}
		},
		
		components:{
            
        },
        props:['orderlist'],
        methods:{
        	detail:function(info){
				this.$router.push({
					path: "/orderdetail",
					name:  "orderdetail",
					params:{
						name:"orderdetail",
						paramesName: info //   参数名称自定义，obj: 需要传递的参数
					}
				})
			},
			line_btn_sub:function(){
				console.log('fukuan')
			},
			line_btn_cancle:function(){
				console.log('quxiao   fukuan')	
			}
        },
        computed:{
        	// allOrderList(){

        	// 	return this.$store.state.order.orderList;
        	// }
        },
        mounted:function(){
        	//全部订单列表
        	this.$store.dispatch('get_orderList');
        }
	}
</script>
<style rel="stylesheet" scoped>
	.orderline_div{
		padding-bottom: 1.4667rem;
	}
	.orderline_li{
		/* height: 4.5333rem; */
		padding: 0 0.4rem;
		box-sizing: border-box;
		background-color: #FFF;
    	margin: 5px 0;
    	padding-bottom: 0.1333rem;
	}
	.line_tit{
		height: 0.9333rem;
		line-height: 0.9333rem;
	}
	.date_span{
		color: #D3D3D3;
	}
	.dfk_span{
		color: #D72B2B;
	}
	.youlike_li {
		margin: 0;
		border-top: 1px solid #DCDCDC;
		border-bottom: 1px solid #DCDCDC;
    	padding-top: 0.2133rem;
    	padding-bottom: 0.2133rem ;
	}
	.orderline_total{
		height: 0.8rem;
		line-height: 0.8rem;
	}
	.line_btn_div{
		overflow: hidden;
	}
	.line_btn_div p{
		float: right;
		height: 0.8rem;
		line-height: 0.8rem;
		padding: 0 0.4rem;
		box-sizing: border-box;
		border: 1px solid #DCDCDC;
		border-radius: 0.08rem;
	}
	.line_btn_div p+p{
		margin-right: 0.2667rem;
	}
</style>